.app {
    height: 100%;
    /* border: 1px solid #eee; */
}

.app .el-aside {
    background-color: #EAEDF1;
}

.app .el-main {
    background-color: #FFFFFF;
}

.app .el-form-item--mini .el-form-item__label,
.app .el-form-item--mini .el-form-item__content {
    font-size: 12px;
}

.app-nav {
    width: 180px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    -webkit-transition: position, 0.2s, linear;
    -moz-transition: position, 0.2s, linear;
}

.app-nav-title {
    width: 100%;
    height: 70px;
    line-height: 70px;
    background: #d9dee4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    text-indent: 20px;
}

.app-nav-list {
    position: absolute;
    width: 100%;
    top: 70px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow-y: auto;
    overflow-x: auto;
}

.app-nav-list>.el-tree,
.app-nav-list>.el-menu {
    background-color: #eaedf1;
    width: 100%;
    font-size: 12px;
    border: 0;
}

.app-nav-list>.el-menu .el-menu-item:focus,
.app-nav-list>.el-menu .el-menu-item:hover,
.app-nav-list>.el-menu .router-link-active .el-menu-item {
    background-color: #FFFFFF;
}

.app-nav-list>.el-menu .el-menu-item,
.app-nav-list>.el-menu .el-submenu__title {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
}

.app-panel-title h1,
.app-panel-title h2,
.app-panel-title h3,
.app-panel-title h4,
.app-panel-title h5 {
    display: inline-block;
    text-indent: 8px;
    border-left: 2px solid #88b7e0;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 8px;
    vertical-align: top;
}

.app-panel-content {
    padding-top: 20px;
}

.app-panel-foot {
    text-align: right;
}

.app-editstatus-button {
    position: absolute;
    top: 20px;
    right: 20px;
}

.app-full {
    width: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
}